<style>
	.profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container #plupload-avatar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
	[v-cloak] {display: none;}
	.service{
		margin-bottom: 10px;
	}
	.sp_result_area{
		z-index: 10000;
	}
</style>
<div class="row animated fadeInRight">
	<form id="edit-form" role="form" data-toggle="validator" method="POST" action="">
		<div class="col-md-4">
			<div class="box box-success">
				<div class="panel-heading">
					店铺资料
				</div>
				<div class="panel-body">
					<div class="box-body box-profile">
						<div class="profile-avatar-container">
							<img class="profile-user-img img-responsive img-circle plupload" src="{$row.avatar|cdnurl|htmlentities}" alt="">
							<div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
							<div id="plupload-avatar" class="plupload" data-input-id="c-avatar"><i class="fa fa-upload"></i> {:__('Upload')}</div>
							<input id="c-avatar" class="form-control" size="50" name="row[avatar]" type="hidden" value="{$row.avatar|htmlentities}">
						</div>
						<h3 class="profile-username text-center">{$row.shopname|htmlentities}</h3>
						<p class="text-muted text-center">账户：{$user.username}</p>
						<div class="form-group">
							<label for="shopname" class="control-label">{:__('Shopname')}:</label>
							<input id="c-shopname" data-rule="required" class="form-control" name="row[shopname]" type="text" value="{$row.shopname|htmlentities}">
						</div>
						<div class="form-group">
							<label for="keywords" class="control-label">{:__('Keywords')}:</label>
							<input id="c-keywords" data-rule="required" class="form-control" name="row[keywords]" type="text" value="{$row.keywords|htmlentities}">
						</div>
						<div class="form-group">
							<label for="description" class="control-label">{:__('Description')}:</label>
							<input id="c-description" data-rule="required" class="form-control" name="row[description]" type="text" value="{$row.description|htmlentities}">
						</div>
						<div class="form-group">
							<label for="service_ids" class="control-label">{:__('Service_ids')}:</label>
							<input id="c-service_ids" data-rule="required"
							data-source="wanlshop/shop/service"
							data-multiple="true"
							class="form-control selectpage"
							name="row[service_ids]" type="text" value="{$row.service_ids|htmlentities}">
						</div>
						<div class="form-group">
							<label for="city" class="control-label">{:__('City')}:</label>
							<div class='control-relative'><input id="c-city" data-rule="required" class="form-control" data-toggle="city-picker" name="row[city]" type="text" value="{$row.city|htmlentities}"></div>
						</div>
						<div class="form-group">
							<label for="c-address" class="control-label">{:__('详细地址')}:</label>
							<div class='control-relative input-group'>
								<input id="c-address" class="form-control" name="row[address]" type="text"
									   value="{$row.address}">
								<input id="c-lng" class="form-control" name="row[lng]" type="hidden" value="{$row.lng}">
								<input id="c-lat" class="form-control" name="row[lat]" type="hidden" value="{$row.lat}">
								<div class="input-group-addon no-border no-padding">
									<span>
										<button class="btn btn-success" type="button" data-toggle='ymygooglemap'
												data-input-id="c-address" data-lat-id="c-lat" data-lng-id="c-lng"><i
												class="fa fa-map"></i> 选择地址</button>
									</span>
								</div>
							</div>
						</div>
						<div class="form-group layer-footer">
							<label class="control-label"></label>
							<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
							<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-8">
			<div class="box box-success">
				<!-- <div class="panel-heading">
					未来版本设置为 操作日志 或者加入服务
				</div> -->
				<div class="panel-body">

					<div class="box-body box-profile">
						<div class="form-group">
							<label for="bio" class="control-label">{:__('Bio')}:</label>
							<textarea id="c-bio" data-rule="required" class="form-control editor" rows="5" name="row[bio]" cols="50">{$row.bio|htmlentities}</textarea>
						</div>
						<div class="form-group layer-footer">
							<label for="username" class="control-label"></label>
							<button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
							<button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
						</div>
					</div>

				</div>
			</div>
		</div>
	</form>
</div>
